let container = document.querySelector('.container')

function fn1() {

    let el1 = ''
    let i = 0

    fetch('http://chst.vip:1234/api/getcategorytitle')
        .then(body => body.json())
        .then(res => {
            //console.log(res.result)
            res.result.forEach(item => {
                //console.log(item)
                el1 += `<li id="${i++}">
                <div class="title">
                <span>${item.title}</span>
                <i></i> 
                </div>
                <ul class="content"></ul>        
                </li>`
            })

            container.innerHTML = el1

            fn2()
        })
}
function fn2() {
    $('.container>li>.title').next('.content').slideUp(0, function () {
        $('.container').css('display', 'block')
        $('.content').prop('flag', false)
    })

    let flag1 = $('.title').prop('flag1', true)

    $('.container>li').on('click', ".title", function () {

        let flag = $(this).next().prop('flag')

        if (flag) {
            $(this).next('.content').slideUp(350).prop('flag', false)
            return
        }

        $(this).next('.content').slideDown(350).prop('flag', true).parent().siblings().find('.content').slideUp(350).prop('flag', false)

        if ($(this).prop('flag1') === true) {
            fetch(`http://chst.vip:1234/api/getcategory?titleid=${$(this).parent().attr("id")}`)
                .then(body => body.json())
                .then(res => {
                    let el2 = ""
                    //console.log(res.result)
                    res.result.forEach(item => {
                        el2 += `<li id=${item.categoryId}>${item.category}
                        </li> 
                        `
                    })
                    $(this).next(".content").html(el2)
                    flag1 = $(this).prop('flag1', false)

                    apply()
                })
        }
    })

    function apply() {
        $('.container>li>.content>li').click(function () {
            //console.log($(this).attr("id"))
            let id = $(this).attr("id")
            location.href = "./more0detail.html?id=" + id
        })
    }
}

fn1()